﻿<div class="container">
    <update-meta property="og:title" content="Penang Realty世界地產 Property Directory" />
    <update-meta property="og:url" content="http://www.penangrealty.my/PropertyDirectory" />
    <table ng-table="tableParams" class="table table-striped ng-table-responsive" show-filter="true">

        <tr ng-repeat="property in $data">
            <td>
                <a ng-href="/PropertyDirectoryDetail/{{property.ProjectId}}" ng-click="go(property.ProjectId,property)"> 
                <img id="imgpicture" fall-back="images/penang realty,Apartment,house,condominium,terrace house,semi d,detached,bungalow,high end luxury properties,landed properties,gated guarded house.png" ng-src="{{property.PropertyURL ? property.PropertyURL :''}}" height="200" width="240" alt="{{property.ProjectName}}" title="{{property.ProjectName}}"/> </a> 
            </td>
            <td data-title="'Project Name'" sortable="'ProjectName'" colspan="1" filter="{ 'ProjectName' :  'text' }"> 
                <a ng-href="/PropertyDirectoryDetail/{{property.ProjectId}}" ng-click="go(property.ProjectId,property)"><br />{{property.ProjectName}}</a>
            </td>
            <td data-title="'Project Location'" sortable="'ProjectLocation'" colspan="1" filter="{ 'ProjectLocation': 'text' }">
                <br />{{property.ProjectLocation}}
            </td>
            <td data-title="'Project Details'" sortable="'ProjectDetails'" colspan="1" filter="{ 'ProjectDetails': 'text' }">
                <br />{{property.ProjectDetails | cut:true:100:' ...'}}
            </td>
            <td data-title="'Project Price'" sortable="'ProjectPrice'" colspan="1" filter="{ 'ProjectPrice': 'text' }">
                <br />{{property.ProjectPrice}}
            </td>

        </tr>

        <tr>
            <td><strong>Count per page:</strong> {{tableParams.count()}}</td>
            <td colspan="4" align="right">
                <p><strong>Page:</strong> {{tableParams.page()}} </p>
            </td>
        </tr>

    </table>

</div>